<template>
  <div class="container-item-title">
    <div class="infoTitle">
      <img src="@/assets/address-icon.png" alt>
      {{ title }}
    </div>
    <slot />
  </div>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      default: '标题栏组件'
    }
  }
}
</script>
<style lang="less">
.container-item-title {
    width: 100%;
    padding:0 3vw 1vw;
    // background: #f5f6f8;
    box-sizing: border-box;
  .infoTitle {
    display: flex;
    align-items: center;
    padding: 5px;
    border-bottom: 1px solid #e5e5e5;
    img {
      width: 15px;
      padding: 3px 10px;
    }
  }
}
</style>
